<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" href="images/icone_site/favicon.jpg">
		<title>Gamekillers - Profil</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<link href="css/complement.css" rel="stylesheet">
	</head>
	<body>
		<?php
			include_once("accessoires/header.html");
			include_once("accessoires/menu.html");
		?>
		<section class="page">
			<div role="tabpanel">
				<!--Barre pour sélectionner le profil, l'historique des article lu, les commentaires et les article écrit et les notes donnée par l'utilisateur-->
				<ul class="nav nav-tabs nav-justified" role="tablist">
					<li role="presentation" class="active"><a href="#profil" aria-controls="profil" role="tab" data-toggle="tab">Mon profil</a></li>
					<li role="presentation"><a href="#historique" aria-controls="historique" role="tab" data-toggle="tab">Mon historique</a></li>
					<li role="presentation"><a href="#commentaires" aria-controls="commentaires" role="tab" data-toggle="tab">Mes commentaires</a></li>
					<li role="presentation"><a href="#notes" aria-controls="notes" role="tab" data-toggle="tab">Mes notes</a></li>
					<li role="presentation"><a href="#articles" aria-controls="articles" role="tab" data-toggle="tab">Mes articles</a></li>
				</ul>

				<!-- Affichage de la partie sélectionner -->
				<div class="tab-content">
				<?php 	include_once("profil/mon_profil.html");
						include_once("profil/mon_historique.html");
						include_once("profil/mes_commentaires.html");
						include_once("profil/mes_notes.html");
						include_once("profil/mes_articles.html");
				?>
				</div>
			</div>		
		</section>
		<?php
			include_once("accessoires/footer.html");
		?>
		<!-- jQuery -->
		<script src="js/jquery-2.1.3.min.js"></script>
		<!-- bootstrap js-->
		<script src="js/bootstrap.min.js"></script>
		<!-- compteur -->
		<script type="text/javascript" src="js/compteur.js"></script>
		<!--Filestyle-->
		<script src="js/bootstrap-filestyle.min.js"></script>
		<!--read url pour l'image-->
		<script type="text/javascript" src="js/readURL.js"></script>
		<script>
		  $(":file").change(function (){
			var val = $(this).val();
			if(val!='') {
			  $('#inputAvatarFileHttp').attr('disabled','disabled')
			}else{
			  $('#inputAvatarFileHttp').removeAttr('disabled','disabled');
			  $('#blah').attr('src','<?php echo $avatar_user_data; ?>');
			}
		  });

		  $('#inputAvatarFileHttp').focusout(function(){
			var val = $(this).val();
			if(val!=''){
			  $(":file").filestyle('disabled',true);
			  $('#blah').attr('src',val);
			}
			else{
			  $(":file").filestyle('disabled',false);
			  $('#blah').attr('src','<?php echo $avatar_user_data; ?>');
			}
		  });

		  var temps = 2;
		</script>
	</body>
</html>